<script>
    function codeAddress(){
    //var center_map = new google.maps.LatLng(50.459856,30.731506);
  
    var myOptions = {

      zoom: 16,
      draggable: true, 
      zoomControl: true,
      scrollwheel: false, 
      disableDoubleClickZoom: true,
      //center: center_map,

      mapTypeId: google.maps.MapTypeId.ROADMAP

     };
     var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
     var address = "<?php echo $_GET['address'];?>";

     var geocoder = new google.maps.Geocoder(); // геокодер
     geocoder.geocode( { 'address':address}, function(results, status) {
         
         
         if (status == google.maps.GeocoderStatus.OK) {

             map.setCenter(results[0].geometry.location);
             google.maps.event.addListener(map, "drag", function(event) {
                var position_x = marker.getPosition().lat();
                var position_y = marker.getPosition().lng();
                console.log(marker.getPosition());
            });

             //var marker = new google.maps.Marker({ // маркер

                 //position: results[0].geometry.location,

               //  map: map

            // });
            

         } else { 

            alert('Geocode was not successful for the following reason: ' + status);
         }

     });
     
 }
 $(document).ready(function(){
     codeAddress();
 })

</script>

<div class="modal" role="dialog" data-sticky="true" aria-hidden="false">
   
  <div class="modal-table">
    <div class="modal-cell">
      <div class="modal-content"><div id="js-address-container"><div class="panel">
  <div class="panel-header">
    <a href="#" class="modal-close" data-behavior="modal-close"></a>
    <div class="h4 js-address-nav-heading">
      Проверить местонахождение<br>
       
      <small>Двигайте карту, чтобы установить на карте точное расположение жилья</small>
    </div>
  </div>

  <div class="panel-body">
    <div class="media row-space-2 hide" id="js-disaster-address-alert">
      <i class="icon icon-flag icon-yellow pull-left icon-size-2"></i>
      <div class="media-body">
        <strong>Ваше новое местоположение находится за пределами области, пострадавшей от катаклизма.</strong><br>
        <span class="text-muted">Стоимость вашего жилья снова рассчитывается по дням.</span>
      </div>
    </div>
    

<div class="panel">
  <div id="map_canvas" class="map-canvas" style="position: relative; overflow: hidden; -webkit-transform: translateZ(0px); background-color: rgb(229, 227, 223);"><div class="gm-style" style="position: absolute; left: 0px; top: 0px; overflow: hidden; width: 100%; height: 100%; z-index: 0;"><div style="position: absolute; left: 0px; top: 0px; overflow: hidden; width: 100%; height: 100%; z-index: 0;"><div style="position: absolute; left: 0px; top: 0px; z-index: 1; width: 100%; cursor: url(https://maps.gstatic.com/mapfiles/openhand_8_8.cur) 8 8, default; transform-origin: 0px 0px 0px; transform: matrix(1, 0, 0, 1, 0, 0);"><div style="-webkit-transform: translateZ(0px); position: absolute; left: 0px; top: 0px; width: 100%; z-index: 200;"><div style="-webkit-transform: translateZ(0px); position: absolute; left: 0px; top: 0px; z-index: 101; width: 100%;"></div></div><div style="-webkit-transform: translateZ(0px); position: absolute; left: 0px; top: 0px; width: 100%; z-index: 201;"><div style="-webkit-transform: translateZ(0px); position: absolute; left: 0px; top: 0px; z-index: 102; width: 100%;"></div><div style="-webkit-transform: translateZ(0px); position: absolute; left: 0px; top: 0px; z-index: 103; width: 100%;"><div class="map-spotlight" style="left: -0.11738026887178421px; top: 0.048445332795381546px; width: 476px; height: 300px;"></div></div></div><div style="-webkit-transform: translateZ(0px); position: absolute; left: 0px; top: 0px; width: 100%; z-index: 202;"><div style="-webkit-transform: translateZ(0px); position: absolute; left: 0px; top: 0px; z-index: 104; width: 100%;"></div><div style="-webkit-transform: translateZ(0px); position: absolute; left: 0px; top: 0px; z-index: 105; width: 100%;"></div><div style="-webkit-transform: translateZ(0px); position: absolute; left: 0px; top: 0px; z-index: 106; width: 100%;"></div></div><div style="-webkit-transform: translateZ(0px); position: absolute; left: 0px; top: 0px; z-index: 100; width: 100%;"><div style="position: absolute; left: 0px; top: 0px; z-index: 0;"><div style="position: absolute; left: 0px; top: 0px; z-index: 1;"><div style="width: 256px; height: 256px; -webkit-transform: translateZ(0px); position: absolute; left: 93px; top: -18px;"></div><div style="width: 256px; height: 256px; -webkit-transform: translateZ(0px); position: absolute; left: -163px; top: -18px;"></div><div style="width: 256px; height: 256px; -webkit-transform: translateZ(0px); position: absolute; left: 93px; top: -274px;"></div><div style="width: 256px; height: 256px; -webkit-transform: translateZ(0px); position: absolute; left: 93px; top: 238px;"></div><div style="width: 256px; height: 256px; -webkit-transform: translateZ(0px); position: absolute; left: 349px; top: -18px;"></div><div style="width: 256px; height: 256px; -webkit-transform: translateZ(0px); position: absolute; left: -163px; top: -274px;"></div><div style="width: 256px; height: 256px; -webkit-transform: translateZ(0px); position: absolute; left: -163px; top: 238px;"></div><div style="width: 256px; height: 256px; -webkit-transform: translateZ(0px); position: absolute; left: 349px; top: -274px;"></div><div style="width: 256px; height: 256px; -webkit-transform: translateZ(0px); position: absolute; left: 349px; top: 238px;"></div></div></div></div><div style="position: absolute; z-index: 0; left: 0px; top: 0px;"><div style="overflow: hidden; width: 476px; height: 300px;"><img src="https://maps.googleapis.com/maps/api/js/StaticMapService.GetMapImage?1m2&amp;1i9716643&amp;2i5744402&amp;2e1&amp;3u16&amp;4m2&amp;1u476&amp;2u300&amp;5m4&amp;1e0&amp;5sru&amp;6sus&amp;10b1&amp;token=21352" style="width: 476px; height: 300px;"></div></div><div style="position: absolute; left: 0px; top: 0px; z-index: 0;"><div style="position: absolute; left: 0px; top: 0px; z-index: 1;"><div style="width: 256px; height: 256px; -webkit-transform: translateZ(0px); position: absolute; left: -163px; top: -18px; opacity: 1; transition: opacity 200ms ease-out; -webkit-transition: opacity 200ms ease-out;"><img src="https://mts1.googleapis.com/vt?lyrs=m@274000000&amp;src=apiv3&amp;hl=ru&amp;x=37955&amp;y=22439&amp;z=16&amp;apistyle=s.t%3A33%7Cs.e%3Al%7Cp.v%3Aoff&amp;style=47,37%7Csmartmaps" draggable="false" style="width: 256px; height: 256px; -webkit-user-select: none; border: 0px; padding: 0px; margin: 0px; -webkit-transform: translateZ(0px);"></div><div style="width: 256px; height: 256px; -webkit-transform: translateZ(0px); position: absolute; left: 93px; top: -274px; opacity: 1; transition: opacity 200ms ease-out; -webkit-transition: opacity 200ms ease-out;"><img src="https://mts0.googleapis.com/vt?lyrs=m@274000000&amp;src=apiv3&amp;hl=ru&amp;x=37956&amp;y=22438&amp;z=16&amp;apistyle=s.t%3A33%7Cs.e%3Al%7Cp.v%3Aoff&amp;style=47,37%7Csmartmaps" draggable="false" style="width: 256px; height: 256px; -webkit-user-select: none; border: 0px; padding: 0px; margin: 0px; -webkit-transform: translateZ(0px);"></div><div style="width: 256px; height: 256px; -webkit-transform: translateZ(0px); position: absolute; left: 93px; top: 238px; opacity: 1; transition: opacity 200ms ease-out; -webkit-transition: opacity 200ms ease-out;"><img src="https://mts0.googleapis.com/vt?lyrs=m@274000000&amp;src=apiv3&amp;hl=ru&amp;x=37956&amp;y=22440&amp;z=16&amp;apistyle=s.t%3A33%7Cs.e%3Al%7Cp.v%3Aoff&amp;style=47,37%7Csmartmaps" draggable="false" style="width: 256px; height: 256px; -webkit-user-select: none; border: 0px; padding: 0px; margin: 0px; -webkit-transform: translateZ(0px);"></div><div style="width: 256px; height: 256px; -webkit-transform: translateZ(0px); position: absolute; left: 349px; top: -18px; opacity: 1; transition: opacity 200ms ease-out; -webkit-transition: opacity 200ms ease-out;"><img src="https://mts1.googleapis.com/vt?lyrs=m@274000000&amp;src=apiv3&amp;hl=ru&amp;x=37957&amp;y=22439&amp;z=16&amp;apistyle=s.t%3A33%7Cs.e%3Al%7Cp.v%3Aoff&amp;style=47,37%7Csmartmaps" draggable="false" style="width: 256px; height: 256px; -webkit-user-select: none; border: 0px; padding: 0px; margin: 0px; -webkit-transform: translateZ(0px);"></div><div style="width: 256px; height: 256px; -webkit-transform: translateZ(0px); position: absolute; left: 93px; top: -18px; opacity: 1; transition: opacity 200ms ease-out; -webkit-transition: opacity 200ms ease-out;"><img src="https://mts0.googleapis.com/vt?lyrs=m@274000000&amp;src=apiv3&amp;hl=ru&amp;x=37956&amp;y=22439&amp;z=16&amp;apistyle=s.t%3A33%7Cs.e%3Al%7Cp.v%3Aoff&amp;style=47,37%7Csmartmaps" draggable="false" style="width: 256px; height: 256px; -webkit-user-select: none; border: 0px; padding: 0px; margin: 0px; -webkit-transform: translateZ(0px);"></div><div style="width: 256px; height: 256px; -webkit-transform: translateZ(0px); position: absolute; left: -163px; top: -274px; opacity: 1; transition: opacity 200ms ease-out; -webkit-transition: opacity 200ms ease-out;"><img src="https://mts1.googleapis.com/vt?lyrs=m@274000000&amp;src=apiv3&amp;hl=ru&amp;x=37955&amp;y=22438&amp;z=16&amp;apistyle=s.t%3A33%7Cs.e%3Al%7Cp.v%3Aoff&amp;style=47,37%7Csmartmaps" draggable="false" style="width: 256px; height: 256px; -webkit-user-select: none; border: 0px; padding: 0px; margin: 0px; -webkit-transform: translateZ(0px);"></div><div style="width: 256px; height: 256px; -webkit-transform: translateZ(0px); position: absolute; left: 349px; top: -274px; opacity: 1; transition: opacity 200ms ease-out; -webkit-transition: opacity 200ms ease-out;"><img src="https://mts1.googleapis.com/vt?lyrs=m@274000000&amp;src=apiv3&amp;hl=ru&amp;x=37957&amp;y=22438&amp;z=16&amp;apistyle=s.t%3A33%7Cs.e%3Al%7Cp.v%3Aoff&amp;style=47,37%7Csmartmaps" draggable="false" style="width: 256px; height: 256px; -webkit-user-select: none; border: 0px; padding: 0px; margin: 0px; -webkit-transform: translateZ(0px);"></div><div style="width: 256px; height: 256px; -webkit-transform: translateZ(0px); position: absolute; left: -163px; top: 238px; opacity: 1; transition: opacity 200ms ease-out; -webkit-transition: opacity 200ms ease-out;"><img src="https://mts1.googleapis.com/vt?lyrs=m@274000000&amp;src=apiv3&amp;hl=ru&amp;x=37955&amp;y=22440&amp;z=16&amp;apistyle=s.t%3A33%7Cs.e%3Al%7Cp.v%3Aoff&amp;style=47,37%7Csmartmaps" draggable="false" style="width: 256px; height: 256px; -webkit-user-select: none; border: 0px; padding: 0px; margin: 0px; -webkit-transform: translateZ(0px);"></div><div style="width: 256px; height: 256px; -webkit-transform: translateZ(0px); position: absolute; left: 349px; top: 238px; opacity: 1; transition: opacity 200ms ease-out; -webkit-transition: opacity 200ms ease-out;"><img src="https://mts1.googleapis.com/vt?lyrs=m@274177138&amp;src=apiv3&amp;hl=ru&amp;x=37957&amp;y=22440&amp;z=16&amp;apistyle=s.t%3A33%7Cs.e%3Al%7Cp.v%3Aoff&amp;style=47,37%7Csmartmaps" draggable="false" style="width: 256px; height: 256px; -webkit-user-select: none; border: 0px; padding: 0px; margin: 0px; -webkit-transform: translateZ(0px);"></div></div></div></div></div><div style="margin-left: 5px; margin-right: 5px; z-index: 1000000; position: absolute; left: 0px; bottom: 0px;"><a target="_blank" href="http://maps.google.com/maps?ll=49.240353,28.501644&amp;z=16&amp;t=m&amp;hl=ru&amp;gl=US&amp;mapclient=apiv3" title="Нажмите, чтобы отобразить эту область в Картах Google" style="position: static; overflow: visible; float: none; display: inline;"><div style="width: 62px; height: 26px; cursor: pointer;"><img src="https://maps.gstatic.com/mapfiles/api-3/images/google_white2.png" draggable="false" style="position: absolute; left: 0px; top: 0px; width: 62px; height: 26px; -webkit-user-select: none; border: 0px; padding: 0px; margin: 0px;"></div></a></div><div class="gmnoprint" style="z-index: 1000001; position: absolute; right: 130px; bottom: 0px; width: 212px;"><div draggable="false" class="gm-style-cc" style="-webkit-user-select: none;"><div style="opacity: 0.7; width: 100%; height: 100%; position: absolute;"><div style="width: 1px;"></div><div style="width: auto; height: 100%; margin-left: 1px; background-color: rgb(245, 245, 245);"></div></div><div style="position: relative; padding-right: 6px; padding-left: 6px; font-family: Roboto, Arial, sans-serif; font-size: 10px; color: rgb(68, 68, 68); white-space: nowrap; direction: ltr; text-align: right;"><a style="color: rgb(68, 68, 68); text-decoration: none; cursor: pointer; display: none;">Картографические данные</a><span>Картографические данные © 2014 Google</span></div></div></div><div style="padding: 15px 21px; border: 1px solid rgb(171, 171, 171); font-family: Roboto, Arial, sans-serif; color: rgb(34, 34, 34); -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 4px 16px; box-shadow: rgba(0, 0, 0, 0.2) 0px 4px 16px; z-index: 10000002; display: none; width: 256px; height: 148px; position: absolute; left: 88px; top: 60px; background-color: white;"><div style="padding: 0px 0px 10px; font-size: 16px;">Картографические данные</div><div style="font-size: 13px;">Картографические данные © 2014 Google</div><div style="width: 13px; height: 13px; overflow: hidden; position: absolute; opacity: 0.7; right: 12px; top: 12px; z-index: 10000; cursor: pointer;"><img src="https://maps.gstatic.com/mapfiles/api-3/images/mapcnt3.png" draggable="false" style="position: absolute; left: -2px; top: -336px; width: 59px; height: 492px; -webkit-user-select: none; border: 0px; padding: 0px; margin: 0px;"></div></div><div class="gmnoscreen" style="position: absolute; right: 0px; bottom: 0px;"><div style="font-family: Roboto, Arial, sans-serif; font-size: 11px; color: rgb(68, 68, 68); direction: ltr; text-align: right; background-color: rgb(245, 245, 245);">Картографические данные © 2014 Google</div></div><div class="gmnoprint gm-style-cc" draggable="false" style="z-index: 1000001; position: absolute; -webkit-user-select: none; right: 0px; bottom: 0px;"><div style="opacity: 0.7; width: 100%; height: 100%; position: absolute;"><div style="width: 1px;"></div><div style="width: auto; height: 100%; margin-left: 1px; background-color: rgb(245, 245, 245);"></div></div><div style="position: relative; padding-right: 6px; padding-left: 6px; font-family: Roboto, Arial, sans-serif; font-size: 10px; color: rgb(68, 68, 68); white-space: nowrap; direction: ltr; text-align: right;"><a href="http://www.google.com/intl/ru_US/help/terms_maps.html" target="_blank" style="text-decoration: none; cursor: pointer; color: rgb(68, 68, 68);">Условия использования</a></div></div><div draggable="false" class="gm-style-cc" style="-webkit-user-select: none; position: absolute; right: 0px; bottom: 0px;"><div style="opacity: 0.7; width: 100%; height: 100%; position: absolute;"><div style="width: 1px;"></div><div style="width: auto; height: 100%; margin-left: 1px; background-color: rgb(245, 245, 245);"></div></div><div style="position: relative; padding-right: 6px; padding-left: 6px; font-family: Roboto, Arial, sans-serif; font-size: 10px; color: rgb(68, 68, 68); white-space: nowrap; direction: ltr; text-align: right; display: none;"><a target="_new" title="Сообщить об ошибке на карте или снимке" href="http://maps.google.com/maps?ll=49.240353,28.501644&amp;z=16&amp;t=m&amp;hl=ru&amp;gl=US&amp;mapclient=apiv3&amp;skstate=action:mps_dialog$apiref:1&amp;output=classic" style="font-family: Roboto, Arial, sans-serif; font-size: 10px; color: rgb(68, 68, 68); text-decoration: none; position: relative;">Сообщить об ошибке на карте</a></div></div></div></div>
  <i class="verify-map-pin map-pin unset"></i>

  
 
  <div class="panel-body">
    <p class="hide icon-red" id="error_invalid_pin">
    Убедитесь, что указатель стоит на территории страны, в которой находится жилье.
    </p>
    <?php echo $_GET['address'];?>
    <strong>ул. Артема, 20</strong><br>
<strong>Винница Винницкая область</strong><br>
<strong>21001</strong><br>
<strong>Украина</strong><br>
<a href="#" class="js-edit-address-link edit-address-link" data-event-name="edit_address_click">
  Редактировать адрес
</a>

  </div>
</div>


  </div>
  <div class="panel-footer">
    
      <button class="btn js-adjust-pin-location js-secondary-btn hide">
  Уточните расположение пина
</button>

    
    <button class="btn btn-primary disabled js-next-btn" id="js-next-btn">Закончить</button>
  </div>
</div>

</div>
        
      </div>
    </div>
  </div>
</div>